<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>下拉菜单</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script src="../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/bootstrap.min.js"  type="text/javascript" charset="utf-8"></script>

</head>
<body>
    <div class="dropdown">
        <button type="button"  id="dropdownMenu1" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
            下拉<span class="caret"></span>
        </button>
<!--        <button type="button"  id="dropdownMenu2" class="btn btn-info dropdown-toggle" data-toggle="dropdown">-->
<!--            下拉<span class="caret"></span>-->
<!--        </button>-->
        <ul class="dropdown-menu" aria-labelledby="dLabel">
            <li><a href="#"><spen class="glyphicon glyphicon-grain"></spen>&nbsp嗨</a> </li>
            <li><a href="#"><spen class="glyphicon glyphicon-grain"></spen> 你</a> </li>
            <li><a href="#"><spen class="glyphicon glyphicon-grain"></spen> 好</a> </li>
            <li role="separator" class="divider">1</li>
            <li><a href="#"><spen class="glyphicon glyphicon-grain"></spen>哇</a> </li>
        </ul>
<!--        <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">-->
<!--            <li><a href="#"><spen class="glyphicon glyphicon-grain"></spen> 1</a> </li>-->
<!--            <li><a href="#"><spen class="glyphicon glyphicon-grain"></spen> 1</a> </li>-->
<!--        </ul>-->
    </div>
</body>
</html>